.login_page {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right bottom, rgb(241, 224, 255), rgb(37, 150, 255));
    padding: 30px auto;
    padding-bottom: 50px;
    padding-top: 80px;

    // background: linear-gradient(to bottom, #fff, #000);
    .logoBox {
        width: 100%;
        height: 50px;
        margin: auto;
        text-align: center;
        margin-bottom: 180px;

        img {
            width: 90px;
            height: 90px;
            border: 8px solid rgb(34, 151, 252);
            border-radius: 50%;
        }
    }

    .userInfo {
        width: 100%;
        margin-top: 30px;
        position: relative;

        input {
            display: block;
            background-color: #fff;
            width: 70%;
            height: 40px;
            margin: auto;
            margin-bottom: 20px;
            border-radius: 20px;
            padding-left: 20px;
            border: none;
            outline: none;

            &:nth-child(3) {
                width: 20px;
                height: 20px;
                position: relative;
                right: 120px;
                outline: none;
            }

        }

    }

    .login {
        input {
            border: none;
            display: block;
            background-color: rgb(255, 65, 137);
            color: #fff;
            outline: none;
            width: 70%;
            height: 40px;
            box-shadow: 2px 2px 2px rgb(147, 146, 146);
            margin: auto;
            margin-bottom: 20px;
            border-radius: 20px;
            font-size: 16px;
            outline: none;
            border: none;


        }
    }

    .register {
        width: 100%;
        color: #fff;
        text-align: center;
        padding-bottom: 100px;

        a {
            color: #fff;
            text-decoration: underline;
        }
    }
}

